
<!DOCTYPE html>
<html lang="sv">
<head>
    <meta charset="utf-8" />
    <title>Iframe height demo</title>
    <style media="screen,print">
        #body {
            width:70em;
            max-width:100%;
            margin:0 auto;
        }
        iframe {
            width:100%;
            margin:0 0 1em;
            border:0;
        }
    </style>
</head>
<body>
<div id="body">
    <h1>Iframe height demo</h1>
    <h2><code>iframe</code> <strong>without</strong> height adjustment</h2>
    <iframe src="back.html"></iframe>
    <h2><code>iframe</code> <strong>with</strong> height adjustment</h2>
    <iframe src="back.html" frameborder="0" scrolling="no" id="test" onload="this.height=100"></iframe>
    <script type="text/javascript">
        function reinitIframe(){
            var iframe = document.getElementById("test");
            try{
                var bHeight = iframe.contentWindow.document.body.scrollHeight;
                var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
                var height = Math.max(bHeight, dHeight);
                iframe.height =  height;
                console.log(height);
            }catch (ex){}
        }

        window.setInterval("reinitIframe()", 200);
    </script>
</div>
</body>
</html>